

pre
{
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
    margin-bottom: 10px;
    min-height:35px;
    overflow: auto;
    max-width: 550px;
    padding: 5px;
    background-color: #eee;
    width: 425px!ie7;
    padding-bottom: 20px!ie7;
    max-height: 600px;
}

code
{
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
    background-color: #eee;
     padding: 1px 5px 1px 5px;
     font-size:9pt;
}

.wmd-container-small
{
   
}

.wmd-button-bar
{
    height: 25px;
    width: 425px;
    clear: both;
    background-color: #fff;
    margin: 10px 0 1px 0;
}
.wmd-input
{
    width: 425px;
    padding: 3px;
    height: 200px;
    line-height: 1.2;
}
.wmd-output
{
    clear: both;
    padding: 3px;
    border: 2px dotted #ccc;
    font-size: 107%;
    line-height: 130%;
    width: 425px;
     
}
.wmd-preview
{
    clear: both;
    padding: 3px;
    border: 2px dotted #ccc;
    font-size: 107%;
    line-height: 130%;
    width: 425px;
    min-height:55px;
    


}
.wmd-preview p
{
    word-wrap: break-word;
}

.wmd-panel
{
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
    min-width: 300px;
}



.wmd-button-row 
{
    position: relative; 
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0px;  
    height: 20px;
}

.wmd-spacer
{
    width: 1px; 
    height: 20px; 
    margin-left: 14px;
    
    position: absolute;
    background-color: Silver;
    display: inline-block; 
    list-style: none;
}

.wmd-button
{
    width: 20px; 
    height: 20px; 
    margin-left: 5px;
    margin-right: 5px;
    
    position: absolute;
    background-image: url(images/wmd-buttons.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block; 
    list-style: none;
}

.wmd-button > a
{
    width: 20px; 
    height: 20px; 
    margin-left: 5px;
    margin-right: 5px;
    
    position: absolute;
    display: inline-block; 
}


/* sprite button slicing style information */
.wmd-bold-button    {left: 0px;   background-position: 0px 0;}
.wmd-italic-button  {left: 25px;  background-position: -20px 0;}
.wmd-spacer1        {left: 50px;}
.wmd-link-button    {left: 75px;  background-position: -40px 0;}
.wmd-quote-button   {left: 100px;  background-position: -60px 0;}
.wmd-code-button    {left: 125px;  background-position: -80px 0;}
.wmd-image-button   {left: 150px;  background-position: -100px 0;}
.wmd-spacer2        {left: 175px;}
.wmd-olist-button   {left: 200px;  background-position: -120px 0;}
.wmd-ulist-button   {left: 225px; background-position: -140px 0;}
.wmd-heading-button {left: 250px; background-position: -160px 0;}
.wmd-hr-button      {left: 275px; background-position: -180px 0;}
.wmd-spacer3        {left: 300px;}
.wmd-undo-button    {left: 325px; background-position: -200px 0;}
.wmd-redo-button    {left: 350px; background-position: -220px 0;}
.wmd-help-button    {right: 0px; background-position: -240px 0;}


.wmd-prompt-background
{
    background-color: Black;
}

.wmd-prompt-dialog
{
    border: 1px solid #999999;
    background-color: #F5F5F5;
}

.wmd-prompt-dialog > div {
    font-size: 0.8em;
    font-family: arial, helvetica, sans-serif;
}


.wmd-prompt-dialog > form > input[type="text"] {
    border: 1px solid #999999;
    color: black;
}

.wmd-prompt-dialog > form > input[type="button"]{
    border: 1px solid #888888;
    font-family: trebuchet MS, helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
}
